<template>
  <div class="pd-10">
    <span>MRP参数</span>
    <a-divider />
    <a-form :model="formState" :label-col="labelCol" :wrapper-col="wrapperCol" style="width:48%;">
    <a-row>
    <a-col :span="8">
      <a-form-item label="替代优化">
        <a-checkbox v-model:checked="formState.tdyh"></a-checkbox>
      </a-form-item>
    </a-col>
    <a-col :span="8">
      <a-form-item label="替代优化策略">
        <a-select ref="select" v-model:value="formState.tdyhcl" style="width:220px">
          <a-select-option value="1">静态优化策略</a-select-option>
        </a-select>
      </a-form-item>
    </a-col>
    
    </a-row>
      <a-form-item label="优化目标">
        <a-input v-model:value="formState.yhmb" disabled />
      </a-form-item>
      <a-form-item label="优化范围">
        <a-input v-model:value="formState.yhfw" disabled />
      </a-form-item>
      <a-form-item label="过去天数">
        <a-input v-model:value="formState.gqts" disabled />
      </a-form-item>
      <a-form-item label="同步备料">
        <a-checkbox v-model:checked="formState.tbbl"></a-checkbox>
      </a-form-item>
      <a-form-item label="打印优化日志">
        <a-checkbox v-model:checked="formState.dyyhrz"></a-checkbox>
      </a-form-item>
    </a-form>
  </div>
</template>

<script lang="ts" name="mrpParameteSetting" setup>
  import { reactive, toRaw } from 'vue';
  import type { UnwrapRef } from 'vue';
  const labelCol = {
    style: {
      width: '120px'
    }
  };
  const wrapperCol = {
    span: 6
  };
  const formState: UnwrapRef < FormState > = reactive({
    tdyh: false,
    tdyhcl: '1',
    yhmb: "",
    yhfw: "",
    gqts: "",
    tbbl: false,
    dyyhrz: false
  });

</script>

<style scoped>

</style>
